<template>
    <div class="content">
        <mu-button color="primary">Primary</mu-button>
        <mu-button color="secondary">Secondary</mu-button>
        <mu-button color="success">Success</mu-button>
        <mu-button color="warning">Warning</mu-button>
        <mu-button color="info">Info</mu-button>
        <mu-button color="error">Error</mu-button>
        <mu-button disabled>disabled</mu-button>
    </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
  mounted() {
    this.$we.appInfo().then(data => {
      console.log("-----", data);
    });
    this.$we.navTitle({ title: "Hello World" });
    this.$we
      .addEventListener({
        type: "back",
        func: function() {
          console.log("监听返回事件");
          return true;
        }
      })
      .catch(error => {
        console.log("监听事件发生异常", error);
      });
  }
};
</script>
<style lang='less'>
  .content{
    display: flex;
    flex-direction: column;
  }
</style>

